#cabecera {
    position: absolute;
    top: 2%;
    left: 2%;
    height: 10%;
    width: 93%;
    background-image: url("poseidon.jpg");
    font-weight: bolder;
}

#indice {
    position: absolute;
    top: 13%;
    left: 2%;
    width: 25%;
    height: 75%;
    background-color: aquamarine;
}

#contenido {
    position: absolute;
    top: 13%;
    left: 30%;
    width: 65%;
    height: 75%;
    background-color:cornflowerblue;
}

#piedepagina {
    position: absolute;
    top: 89%;
    left: 30%;
    height: 10%;
    width: 65%;    
    background-color: aquamarine;
}

#cabecera, #contenido, #indice, #piedepagina{
    border: solid;
}
#contents{
    text-align:center;
}
#videoid{
    position:relative;
    width: 65%;
    margin-left:5%;
    border:solid;
    border-width: 10px;
    margin-top:30px;
    border: solid;
    border-color: aliceblue;
}
#texto{
    margin-left: 10px;
    margin-top:30px;
  
}
#html{
    
    background-color: cadetblue;
    background-image:url("tripi.jpg");
}